<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
		<meta name="format-detection" content="telephone=no"/>
		<meta name="format-detection" content="email=no"/>
		<title>阅读-发现-任务</title>
		<link rel="stylesheet" href="dist/css/sm.min.css" />
		<link rel="stylesheet" href="dist/css/sm-extend.min.css" />
		<!--以上是SUI的css文件-->
		<link rel="stylesheet" href="css/xh-lxx-header-bar5.css" />
		<link rel="stylesheet" href="css/xh-lxx-top-tab1.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-content17.css" />
	
		<link rel="stylesheet" href="css/2-发现_任务_PxCook.css" />
	</head>
	<body>
		<div class="page-group">
			<div class="page page-current">
				<!--html代码-->
				<header class="bar bar-nav">
				   <a class="icon icon-left pull-left"></a>
				   <h1 class="title">任务</h1>
				</header>
				<!--主要内容 Begin-->
				<div class="content">
			        <div class="buttons-tab xh-lxx-top-tab1">
				        <a href="#tab1" class="tab-link active button">新人任务</a>
				        <a href="#tab2" class="tab-link button">阅读任务</a>
				        <a href="#tab3" class="tab-link button">日常任务</a>
				        <a href="#tab4" class="tab-link button">活动任务</a>
				    </div>
				    <div class="tabs">
				    	<!-- 第一个标签内容 Begin-->
				        <div id="tab1" class="tab active">
				            <!--任务内容-->
			      			<div class="xh-lxx-tab-content17">
			      				<div class="icon active"></div>
			      				<div class="content17">
			      					<h3>任务名称</h3>
			      					<p>任务简介只显示一行只显示任务简介只显示一行只显示一行一行</p>
			      					<span>+30阅读币</span>
			      				</div>
			      				<div class="do-btn active">
			      					去完成
			      				</div>
			      			</div>
				             <!--任务内容-->
			      			<div class="xh-lxx-tab-content17">
			      				<div class="icon"></div>
			      				<div class="content17">
			      					<h3>任务名称</h3>
			      					<p>任务简介只显示一行只显示任务简介只显示一行只显示一行一行</p>
			      					<span>+30阅读币</span>
			      				</div>
			      				<div class="do-btn">
			      					已完成
			      				</div>
			      			</div>
				             <!--任务内容-->
			      			<div class="xh-lxx-tab-content17">
			      				<div class="icon"></div>
			      				<div class="content17">
			      					<h3>任务名称</h3>
			      					<p>任务简介只显示一行只显示任务简介只显示一行只显示一行一行</p>
			      					<span>+30阅读币</span>
			      				</div>
			      				<div class="do-btn">
			      					已完成
			      				</div>
			      			</div> 
				             <!--任务内容-->
			      			<div class="xh-lxx-tab-content17">
			      				<div class="icon"></div>
			      				<div class="content17">
			      					<h3>任务名称</h3>
			      					<p>任务简介只显示一行只显示任务简介只显示一行只显示一行一行</p>
			      					<span>+30阅读币</span>
			      				</div>
			      				<div class="do-btn">
			      					已完成
			      				</div>
			      			</div>
				            <!--任务内容-->
			      			<div class="xh-lxx-tab-content17">
			      				<div class="icon"></div>
			      				<div class="content17">
			      					<h3>任务名称</h3>
			      					<p>任务简介只显示一行只显示任务简介只显示一行只显示一行一行</p>
			      					<span>+30阅读币</span>
			      				</div>
			      				<div class="do-btn">
			      					已完成
			      				</div>
			      			</div>
				             
				        </div>
				        <!-- 第一个标签内容 End-->
				        <div id="tab2" class="tab">
				            <div class="content-block">
				               <p>This is tab 2 content</p>
				            </div>
				        </div>
				        <div id="tab3" class="tab">
				            <div class="content-block">
				               <p>This is tab 3 content</p>
				            </div>
				        </div>
				        <div id="tab4" class="tab">
				            <div class="content-block">
				                <p>This is tab 4 content</p>
				            </div>
				        </div>
				    </div>
			       
				</div>
			</div>
		</div>
		

		<script src="dist/js/zepto.min.js"></script>
		<script src="dist/js/sm.min.js"></script>
		<script src="dist/js/sm-extend.min.js"></script>
		<script>
			$.init();  //初始化
		</script>
	</body>
</html>
